简介:性能优化成神之路的必看之课,是前端性能优化基础简介的后续篇章,作为一门前端性能优化的进阶课程,本课程介绍了常用的性能优化方法,以及老师自己在工作中摸索出来的,并且在大厂使用的课程。
第1章 实战项目初始化
主要接介绍nodejs、grunt的常用方法,以及clone下来我们的实验项目。
第2章 常用的图片优化方法
讲解实战项目中图片的加载方式,以及常用图片类型,使用场景。最后使用grunt,优化一下我们项目的图片问题
第3章 常用视频优化方法
本章节简单介绍了视频站点中最核心的优化点都有哪些,以及附带跟大家一起制作一个自定义播放器皮肤的事例。
第4章 介绍常用缓存方式
介绍cookie/sessionstroage/localstroage/userData/openData等业内常用的存储方式,以及他们的优缺点,何种情况下使用他们。
第5章 做一个通用的缓存SDK
运用我们之前讲到的知识,实际写出一个本地缓存通用的tools出来,方便学生们在今后的开发中使用,以及把学生带入编程的整体流程中,一行一行的写,差错,解决。介绍老师自己编程中使用的方法论-编程就是填空题。
- 视频: 5-1 SDK功能简介 (01:00)
- 视频: 5-2 网络功能拆解 (01:57)
- 视频: 5-3 网络请求1 (10:21)
- 视频: 5-4 网络请求2 (02:06)
- 视频: 5-5 前三个3 (06:16)
- 视频: 5-6 本地存储模块 (02:29)
- 视频: 5-7 Ie开头 (03:04)
- 视频: 5-8 startup (03:10)
- 视频: 5-9 SaveSDK (06:31)
- 视频: 5-10 startup填空 (05:40)
- 视频: 5-11 添加写入DomUtils (08:24)
- 视频: 5-12 SDK完成 (08:04)
- 视频: 5-13 代码引入 (05:14)
- 视频: 5-14 改正语法错误 (05:39)
- 视频: 5-15 代码死循环 (04:49)
- 视频: 5-16 死循环问题解决 (03:50)
- 视频: 5-17 写入缓存 (04:29)
- 视频: 5-18 请求发送XHR对象为Null (13:18)
- 视频: 5-19 解决xhr为Null (02:53)
- 视频: 5-20 解决回调失败问题 (05:45)
- 视频: 5-21 存储成功 (01:22)
- 视频: 5-22 读取成功 (08:06)
- 视频: 5-23 我们的SDK适合干什么 (06:35)
- 视频: 5-24 大功告成 (08:25)
第6章 高性能的dom
主要介绍造成性能优化dom时候,主要碰到的重绘以及回流问题。介绍他们的成因以及解决方案,最后实际写出代码验证方案。